<div class="row">
	<div id="filter-report" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-filter"></i> {{ text_filter }}</h3>
			</div>
			<div class="panel-body">
				<div class="form-group">
					<label class="control-label" for="input-date-start">{{ entry_date_start }}</label>
					<div class="input-group date">
						<input type="text" name="filter_date_start" value="{{ filter_date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" id="input-date-start" class="form-control"/><div class="input-group-btn">
							<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
						</div></div>
				</div>
				<div class="form-group">
					<label class="control-label" for="input-date-end">{{ entry_date_end }}</label>
					<div class="input-group date">
						<input type="text" name="filter_date_end" value="{{ filter_date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" id="input-date-end" class="form-control"/><div class="input-group-btn">
							<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
						</div></div>
				</div>
				<div class="form-group">
					<label class="control-label" for="input-status">{{ entry_status }}</label> <select name="filter_order_status_id" id="input-status" class="form-control">
						<option value="0">{{ text_all_status }}</option>
						{% for order_status in order_statuses %}
							{% if order_status.order_status_id == filter_order_status_id %}
								<option value="{{ order_status.order_status_id }}" selected="selected">{{ order_status.name }}</option>
							{% else %}
								<option value="{{ order_status.order_status_id }}">{{ order_status.name }}</option>
							{% endif %}
						{% endfor %}
					</select>
				</div>
				<div class="form-group text-right">
					<button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-9 col-md-pull-3 col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-bar-chart"></i> {{ heading_title }}</h3>
			</div>
			<div class="panel-body">
				<div class="table-responsive">
					<table class="table table-bordered">
						<thead>
						<tr>
							<td class="text-left">{{ column_campaign }}</td>
							<td class="text-left">{{ column_code }}</td>
							<td class="text-right">{{ column_clicks }}</td>
							<td class="text-right">{{ column_orders }}</td>
							<td class="text-right">{{ column_total }}</td>
						</tr>
						</thead>
						<tbody>
						{% if marketings %}
							{% for marketing in marketings %}
								<tr>
									<td class="text-left">{{ marketing.campaign }}</td>
									<td class="text-left">{{ marketing.code }}</td>
									<td class="text-right">{{ marketing.clicks }}</td>
									<td class="text-right">{{ marketing.orders }}</td>
									<td class="text-right">{{ marketing.total }}</td>
								</tr>
							{% endfor %}
						{% else %}
							<tr>
								<td class="text-center" colspan="5">{{ text_no_results }}</td>
							</tr>
						{% endif %}
						</tbody>
					</table>
				</div>
				<div class="row">
					<div class="col-sm-6 text-left">{{ pagination }}</div>
					<div class="col-sm-6 text-right">{{ results }}</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript"><!--
    $('#button-filter').on('click', filterMarket);

    var enter_keycode = 13;
    $('.form-group > input').keydown(function(e){
        if( e.keyCode === enter_keycode )filterMarket();
    });

    function filterMarket() {
        var url = '';

        var filter_date_start = $('input[name=\'filter_date_start\']').val();

        if (filter_date_start) {
            url += '&filter_date_start=' + encodeURIComponent(filter_date_start);
        }

        var filter_date_end = $('input[name=\'filter_date_end\']').val();

        if (filter_date_end) {
            url += '&filter_date_end=' + encodeURIComponent(filter_date_end);
        }

        var filter_order_status_id = $('select[name=\'filter_order_status_id\']').val();

        if (filter_order_status_id != 0) {
            url += '&filter_order_status_id=' + encodeURIComponent(filter_order_status_id);
        }

        window.location = 'index.php?route=report/report&code=marketing&user_token={{ user_token }}' + url;
    }
    //--></script>
<script type="text/javascript"><!--
    $('.date').datetimepicker({
        language: '{{ datepicker }}',
        pickTime: false
    });
    //--></script>